<!DOCTYPE HTML>
<html lang="zxx">

<head>
	<title>Contact</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta charset="utf-8">
	<meta name="keywords" content="" />
	<script>
		addEventListener("load", function () {
			setTimeout(hideURLbar, 0);
		}, false);

		function hideURLbar() {
			window.scrollTo(0, 1);
		}
	</script>

	<!-- Bootstrap Core CSS -->
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<!-- font-awesome icons -->
	<link href="css/fontawesome-all.min.css" rel="stylesheet">
	<!-- //Custom Theme files -->
	<!-- online fonts -->
	<!-- titles -->
	<link href="http://fonts.googleapis.com/css?family=Raleway:300,400,500,600,700,800,900" rel="stylesheet">
	<!-- body -->
	<link href="http://fonts.googleapis.com/css?family=Poppins:400,500,600,700,800" rel="stylesheet">
</head>

<body>
	
	<!-- header -->
	<header>
	<div class="top">
			<div class="container">
				<div class="t-op row">
					<div class="col-sm-6 top-middle">
						<ul>
							<li><a href="https://m.facebook.com/SouthernSubway/" target="_blank"><img src="icon/fb.png" width="20" height="20"/></img></a></li>
						  <li><a href="https://weibo.com/u/5128099656" target="_blank"><img src="icon/wb.png" width="20" height="20"/></img></a></li>
						  <li><a href="http://qm.qq.com/cgi-bin/qm/qr?k=0GooMlSbjuT8u3bvw7U3wvNh7KDU7WZX" target="_blank"><img src="icon/qq.png" width="20" height="20"/></img></a></li>
						</ul>
					</div>
					<div class="col-sm-6 top-left">
						<ul>
						  <a href="contact1.html">-English-</a>
						  <a href="contact2.html">-繁體中文-</a>
						  <a href="contact3.html">-日本語-</a>
						  <a href="contact4.html">-한국어-</a>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div class="container">
			<nav class="navbar navbar-expand-lg navbar-light">
				<h1>
					<img src="images/logo.png" width="65" height="60"/></img>
					<a class="navbar-brand text-capitalize" href="index.html">
						中国南方地铁模拟中心
					</a>
				</h1>
				<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
				    aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon"></span>
				</button>

				<div class="collapse navbar-collapse" id="navbarSupportedContent">
					<ul class="navbar-nav text-center  ml-lg-auto">
						<li class="nav-item mr-3">
							<a class="nav-link" href="index.html">首页
								<span class="sr-only">(current)</span>
							</a>
						</li>
						<li class="nav-item  mr-3">
							<a class="nav-link" href="about.html">关于我们</a>
						</li>
						<li class="nav-item  mr-3">
							<a class="nav-link" href="route.html">线路</a>
						</li>
						<li class="nav-item dropdown mr-3">
							<a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true"
							    aria-expanded="false">
								教程
							</a>
							<div class="dropdown-menu" aria-labelledby="navbarDropdown">
								<a class="dropdown-item" href="jrj.html">软件安装</a>
								<a class="dropdown-item" href="jpg.html">iOS端添加线路</a>
								<a class="dropdown-item" href="jaz.html">安卓端添加线路</a>
								<a class="dropdown-item" href="jhc.html">更换列车</a>
							</div>
						</li>
						<li class="nav-item active">
							<a class="nav-link" href="contact.html">联系我们</a>
						</li>
					</ul>
				</div>
			</nav>
		</div>
	</header>
	<!-- //header -->
	<!-- banner -->
	<section class="banner-1">
	</section>
	<!-- //banner -->
	

<!-- about -->
	<section class="welcome py-5">
		<div class="container py-md-4 mt-md-3">
			<h2 class="heading-agileinfo">联系我们<span>我们需要您的建议！</span></h2>
			<span class="w3-line black"></span>
			<div class="row about-tp mt-md-5 pt-5">
				<div class="col-lg-6 welcome-left">
					<h3>感谢！</h3>
					<h4>如果您对我们的发展有任何的意见和建议，或您也想成为我们制作者中的一员，请通过右侧的联系方式与我们联系。如需申请转载、侵权投诉举报，或境外用户联系，请尽量使用电子邮箱方式。</h4>
					<p>由于制作者大多为学生，不能及时回复敬请见谅！我们会在看到消息后以最快速度大覆您的问询。</p>
				</div>
				<div class="col-lg-6 welcome-right">
					<div class="welcome-right-top">
				<div class="alert alert-success" role="alert">
				  <strong>官方微博：</strong><a href="https://weibo.com/u/5128099656" target="_blank">CSSSC-南方地铁模拟中心</a>
				</div>
				<div class="alert alert-info" role="alert">
				  <strong>官方QQ群：</strong><a href="http://qm.qq.com/cgi-bin/qm/qr?k=0GooMlSbjuT8u3bvw7U3wvNh7KDU7WZX" target="_blank">547870577</a>
				</div>
				<div class="alert alert-warning" role="alert">
				  <strong>官方脸书：</strong><a href="https://m.facebook.com/SouthernSubway/" target="_blank">中国南方地铁模拟中心 CSSSC</a>
				</div>
				<div class="alert alert-danger" role="alert">
				  <strong>官方邮箱：</strong><a href="mailto:southernsubway@126.com">southernsubway@126.com</a>
				</div>
					</div>
				</div>
			</div>
		</div>
	</section>
	<!-- //about -->
		
<!--footer-->
	<footer>
		<div class="container py-md-4 mt-md-3">
			<div class="row footer-top-w3layouts-agile py-5">
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>免责声明</h3>
					</div>
					<div class="footer-text">
						<p>所有资源均不用于贩卖及盈利，无版权纠纷；线路不完全按照现实走向行驶，不存在涉密或其他违反法律及道德的行为；如有侵犯到您的个人权益，请联系我们。</p>

					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>联系方式</h3>
					</div>
					<div class="footer-office-hour">
						<ul>
							<li class="hd">地址：</li>
							<li>中华人民共和国广东省广州市</li>

						</ul>
						<ul>
							<li class="hd">QQ群：547870577</li>
							<li class="hd">Email:
								<a href="mailto:southernsubway@126.com">southernsubway@126.com</a>
							</li>
							<li class="hd">微博：CSSSC-南方地铁模拟中心</li>
						</ul>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>友好中心/个人</h3>
					</div>
					<div class="footer-list">
						<div class="flickr-grid">
								<img src="images/p1.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p2.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p3.jpg" class="img-fluid" alt=" ">
						</div><a href="https://gbamsc.cn" target="_blank">
						<div class="flickr-grid">
								<img src="images/p4.jpg" class="img-fluid" alt=" ">
						</div></a>
						<div class="flickr-grid">
								<img src="images/p5.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p6.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p7.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p8.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="flickr-grid">
								<img src="images/p9.jpg" class="img-fluid" alt=" ">
						</div>
						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-lg-3 col-md-6 col-sm-6 footer-grid">
					<div class="footer-title">
						<h3>版权与合作</h3>
					</div>
					<p>我们倡导版权归属，如您有合作意愿或转载需求，请联系我们。同时亦欢迎海外的朋友与我们进行技术或兴趣上的交流！</p>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</footer>
	<!---->
	<div class="copyright py-3">
		<div class="container">
			<div class="copyrighttop">
				<ul>
					<li>
						<h4>关注我们：</h4>
					</li>
					 <li><a href="https://m.facebook.com/SouthernSubway/" target="_blank"><img src="icon/fb.png" width="20" height="20"/></img></a></li>
						  <li><a href="https://weibo.com/u/5128099656" target="_blank"><img src="icon/wb.png" width="20" height="20"/></img></a></li>
						  <li><a href="http://qm.qq.com/cgi-bin/qm/qr?k=0GooMlSbjuT8u3bvw7U3wvNh7KDU7WZX" target="_blank"><img src="icon/qq.png" width="20" height="20"/></img></a></li>
				</ul>
			</div>

			<div class="copyrightbottom">
				<p>Copyright &copy; 2020. CSSSC-China Southern Subway Simulation Center All rights reserved.
				</p>
			</div>
			<div class="clearfix"></div>
		</div>
	</div>
<!-- //Modal -->
<!-- js-->
	<script src="js/jquery-2.2.3.min.js"></script>
<!-- js-->
	<!-- Bootstrap Core JavaScript -->
	<script src="js/bootstrap.js ">
	</script>
	<!-- //Bootstrap Core JavaScript -->
</body>
</html>